<script setup lang="ts">
definePageMeta({
  layout: 'default',
  title: '邮件详情',
  i18n: 'menu.emailInfo',
})
const route = useRoute()
// console.log(111111,route);
const obj = ref({
  id: 2,
  name: '邮件标题4',
  time: '2025-04-23 18:00:00',
  cont: '我是内容啊我是内容啊我是内容啊我是内容啊我是内容啊我是内容啊我是内容啊我是内容啊我是内容啊我是内容啊我是内容啊我是内容啊我是内容啊我是内容啊我是内容啊我是内容啊',
  isRead: true
})
// const params = JSON.parse(route.query) as any
</script>

<template>
  <div mx-auto text-16 text-dark dark:text-white>
    <div class="color-#fffefe px-15">
      <div class="flex items-center  mt-10  my-9 py-15 border-b-1 border-#474c4c">
        <div class="img-box mr-10">
          <img  src="/email/reading.png" alt="" class="w-full">
        </div>
        <div>
          <div class="font-bold text-14 mb-3 color-#fffefe">{{ obj.name }}</div>
          <div class="text-12 color-#9ca2a3">{{ obj.time }}</div>
        </div>
      </div>
      <div class="m-10  pb-12 leading-30 indent-2em color-#ffffff text-14">
        {{ obj.cont }}
      </div>
    </div>
  </div>
</template>
<style lang="css" scoped>
.img-box {
  width: 47px;
  height: 47px;
  /* background-image: linear-gradient(0deg,
      #69cdff 20%,
      #3dacff 100%),
    linear-gradient(#3dacff,
      #3dacff);
  border-radius: 50%;
  border: solid 1px rgba(255, 255, 255, 0.12);
  display: flex;
  justify-content: center;
  align-items: center; */
}
</style>
